<template>
  <div class="mb-20" style="padding-top:44px;">
    <NavBar />
    <div class="flex justify-center">
      <div class="container-width">
        <div class="main">
          <div class="nav">
            首页 / 产品和服务
          </div>
          <div class="text-center mb-3" style="font-size: 36px;font-weight: 500;color: #000000;line-height: 50px;letter-spacing: 2px;">产品和服务</div>
          <div style="display:flex;align-items: center;height: 37px;font-size: 26px;font-family: PingFangHK-Regular, PingFangHK;font-weight: 400;color: #000000;line-height: 37px;">
            <div style="margin-right:5px;display:flex;justify-content: center;align-items: center;width:31px;height: 28px;background: #FE7844;color:#FFFFFF;">01</div> 园区整合传播
          </div>
          <div style="height: 28px;font-size: 20px;font-family: PingFangHK-Regular, PingFangHK;font-weight: 400;color: #B7BAC0;line-height: 28px;">选择感兴趣的宣传方案</div>
          <div v-html="content06" style="margin: 33px 0;" >
          </div>
          <div style="margin-bottom:47px;height: 33px;font-size: 24px;font-family: PingFangHK-Regular, PingFangHK;font-weight: 400;color: #000000;line-height: 33px;">具体服务项目</div>
          <div style="display:flex;justify-content: center;align-items: center;">
            <div style="margin-right:64px;display:flex;align-items:center;">
              <div style="margin-right:17px;width:45px;height:45px;"><img src="../assets/product_1.png" /></div>
              <div style="height: 38px;font-size: 28px;font-family: PingFangHK-Regular, PingFangHK;font-weight: 400;color: #212A41;line-height: 38px;">首页排名</div>
            </div>
            <div style="margin-right:64px;display:flex;align-items:center;">
              <div style="margin-right:17px;width:45px;height:45px;"><img src="../assets/product_2.png" /></div>
              <div style="height: 38px;font-size: 28px;font-family: PingFangHK-Regular, PingFangHK;font-weight: 400;color: #212A41;line-height: 38px;">VR拍摄</div>
            </div>
            <div style="margin-right:64px;display:flex;align-items:center;">
              <div style="margin-right:17px;width:45px;height:45px;"><img src="../assets/product_3.png" /></div>
              <div style="height: 38px;font-size: 28px;font-family: PingFangHK-Regular, PingFangHK;font-weight: 400;color: #212A41;line-height: 38px;">高端访谈</div>
            </div>
            <div style="display:flex;align-items:center;">
              <div style="margin-right:17px;width:45px;height:45px;"><img src="../assets/product_4.png" /></div>
              <div style="height: 38px;font-size: 28px;font-family: PingFangHK-Regular, PingFangHK;font-weight: 400;color: #212A41;line-height: 38px;">专项报道</div>
            </div>
          </div>
          <div style="margin-top:33px;display:flex;justify-content: center;align-items: center;">
            <div style="margin-right:64px;display:flex;align-items:center;">
              <div style="margin-right:17px;width:45px;height:45px;"><img src="../assets/product_5.png" /></div>
              <div style="height: 38px;font-size: 28px;font-family: PingFangHK-Regular, PingFangHK;font-weight: 400;color: #212A41;line-height: 38px;">主题策划</div>
            </div>
            <div style="margin-right:64px;display:flex;align-items:center;">
              <div style="margin-right:17px;width:45px;height:45px;"><img src="../assets/product_6.png" /></div>
              <div style="height: 38px;font-size: 28px;font-family: PingFangHK-Regular, PingFangHK;font-weight: 400;color: #212A41;line-height: 38px;">广告宣传</div>
            </div>
            <div style="margin-right:64px;display:flex;align-items:center;">
              <div style="margin-right:17px;width:45px;height:45px;"><img src="../assets/product_7.png" /></div>
              <div style="height: 38px;font-size: 28px;font-family: PingFangHK-Regular, PingFangHK;font-weight: 400;color: #212A41;line-height: 38px;">视频拍摄</div>
            </div>
            <div style="display:flex;align-items:center;">
              <div style="margin-right:17px;width:45px;height:45px;"><img src="../assets/product_8.png" /></div>
              <div style="height: 38px;font-size: 28px;font-family: PingFangHK-Regular, PingFangHK;font-weight: 400;color: #212A41;line-height: 38px;">宣传文案</div>
            </div>
          </div>





          <div style="margin-top:102px;display:flex;align-items: center;height: 37px;font-size: 26px;font-family: PingFangHK-Regular, PingFangHK;font-weight: 400;color: #000000;line-height: 37px;">
            <div style="margin-right:5px;display:flex;justify-content: center;align-items: center;width:31px;height: 28px;background: #FE7844;color:#FFFFFF;">02</div> 园区智慧招商
          </div>
          <div style="height: 28px;font-size: 20px;font-family: PingFangHK-Regular, PingFangHK;font-weight: 400;color: #B7BAC0;line-height: 28px;">选择感兴趣的招商方案</div>
          <div v-html="content07" style="margin: 33px 0;" >
          </div>
          <div style="margin-bottom:47px;height: 33px;font-size: 24px;font-family: PingFangHK-Regular, PingFangHK;font-weight: 400;color: #000000;line-height: 33px;">具体服务项目</div>
          <div style="display:flex;justify-content: center;align-items: center;">
            <div style="margin-right:64px;display:flex;align-items:center;">
              <div style="margin-right:17px;width:45px;height:45px;"><img src="../assets/product_9.png" /></div>
              <div style="height: 38px;font-size: 28px;font-family: PingFangHK-Regular, PingFangHK;font-weight: 400;color: #212A41;line-height: 38px;">委托招商</div>
            </div>
            <div style="margin-right:64px;display:flex;align-items:center;">
              <div style="margin-right:17px;width:45px;height:45px;"><img src="../assets/product_10.png" /></div>
              <div style="height: 38px;font-size: 28px;font-family: PingFangHK-Regular, PingFangHK;font-weight: 400;color: #212A41;line-height: 38px;">招商推介</div>
            </div>
            <div style="margin-right:64px;display:flex;align-items:center;">
              <div style="margin-right:17px;width:45px;height:45px;"><img src="../assets/product_11.png" /></div>
              <div style="height: 38px;font-size: 28px;font-family: PingFangHK-Regular, PingFangHK;font-weight: 400;color: #212A41;line-height: 38px;">组团参访</div>
            </div>
            <div style="display:flex;align-items:center;">
              <div style="margin-right:17px;width:45px;height:45px;"><img src="../assets/product_12.png" /></div>
              <div style="height: 38px;font-size: 28px;font-family: PingFangHK-Regular, PingFangHK;font-weight: 400;color: #212A41;line-height: 38px;">云招商</div>
            </div>
          </div>
          <div style="margin-top:33px;display:flex;justify-content: center;align-items: center;">
            <div style="margin-right:64px;display:flex;align-items:center;">
              <div style="margin-right:17px;width:45px;height:45px;"><img src="../assets/product_13.png" /></div>
              <div style="height: 38px;font-size: 28px;font-family: PingFangHK-Regular, PingFangHK;font-weight: 400;color: #212A41;line-height: 38px;">圆桌会议</div>
            </div>
            <div style="margin-right:64px;display:flex;align-items:center;">
              <div style="margin-right:17px;width:45px;height:45px;"><img src="../assets/product_14.png" /></div>
              <div style="height: 38px;font-size: 28px;font-family: PingFangHK-Regular, PingFangHK;font-weight: 400;color: #212A41;line-height: 38px;">园企对接</div>
            </div>
            <div style="margin-right:64px;display:flex;align-items:center;">
              <div style="margin-right:17px;width:45px;height:45px;"><img src="../assets/product_15.png" /></div>
              <div style="height: 38px;font-size: 28px;font-family: PingFangHK-Regular, PingFangHK;font-weight: 400;color: #212A41;line-height: 38px;">招商智库</div>
            </div>
            <div style="display:flex;align-items:center;">
              <div style="margin-right:17px;width:45px;height:45px;"><img src="../assets/product_16.png" /></div>
              <div style="height: 38px;font-size: 28px;font-family: PingFangHK-Regular, PingFangHK;font-weight: 400;color: #212A41;line-height: 38px;">招商培训</div>
            </div>
          </div>




          <div style="margin-top:102px;display:flex;align-items: center;height: 37px;font-size: 26px;font-family: PingFangHK-Regular, PingFangHK;font-weight: 400;color: #000000;line-height: 37px;">
            <div style="margin-right:5px;display:flex;justify-content: center;align-items: center;width:31px;height: 28px;background: #FE7844;color:#FFFFFF;">03</div> O2O精准对接
          </div>
          <div style="height: 28px;font-size: 20px;font-family: PingFangHK-Regular, PingFangHK;font-weight: 400;color: #B7BAC0;line-height: 28px;">选择感兴趣的招商活动方案</div>
          <div v-html="content08" style="margin: 33px 0;" >
          </div>
          <div style="margin-bottom:47px;height: 33px;font-size: 24px;font-family: PingFangHK-Regular, PingFangHK;font-weight: 400;color: #000000;line-height: 33px;">具体服务项目</div>
          <div style="display:flex;justify-content: center;align-items: center;">
            <div style="margin-right:64px;display:flex;align-items:center;">
              <div style="margin-right:17px;width:45px;height:45px;"><img src="../assets/product_17.png" /></div>
              <div style="height: 38px;font-size: 28px;font-family: PingFangHK-Regular, PingFangHK;font-weight: 400;color: #212A41;line-height: 38px;">门户建设</div>
            </div>
            <div style="margin-right:64px;display:flex;align-items:center;">
              <div style="margin-right:17px;width:45px;height:45px;"><img src="../assets/product_18.png" /></div>
              <div style="height: 38px;font-size: 28px;font-family: PingFangHK-Regular, PingFangHK;font-weight: 400;color: #212A41;line-height: 38px;">园（政）企对接</div>
            </div>
          </div>
          <div style="margin-top:33px;display:flex;justify-content: center;align-items: center;">
            <div style="margin-right:64px;display:flex;align-items:center;">
              <div style="margin-right:17px;width:45px;height:45px;"><img src="../assets/product_19.png" /></div>
              <div style="height: 38px;font-size: 28px;font-family: PingFangHK-Regular, PingFangHK;font-weight: 400;color: #212A41;line-height: 38px;">园区路演</div>
            </div>
            <div style="margin-right:64px;display:flex;align-items:center;">
              <div style="margin-right:17px;width:45px;height:45px;"><img src="../assets/product_20.png" /></div>
              <div style="height: 38px;font-size: 28px;font-family: PingFangHK-Regular, PingFangHK;font-weight: 400;color: #212A41;line-height: 38px;">园区考察</div>
            </div>
          </div>



          <div style="margin-top:102px;display:flex;align-items: center;height: 37px;font-size: 26px;font-family: PingFangHK-Regular, PingFangHK;font-weight: 400;color: #000000;line-height: 37px;">
            <div style="margin-right:5px;display:flex;justify-content: center;align-items: center;width:31px;height: 28px;background: #FE7844;color:#FFFFFF;">04</div> 聚园荟
          </div>
          <div style="height: 28px;font-size: 20px;font-family: PingFangHK-Regular, PingFangHK;font-weight: 400;color: #B7BAC0;line-height: 28px;">荟聚全国精英园区</div>
          <div v-html="content09" style="margin: 33px 0;" >
          </div>
          <div style="margin-bottom:47px;height: 33px;font-size: 24px;font-family: PingFangHK-Regular, PingFangHK;font-weight: 400;color: #000000;line-height: 33px;">具体服务项目</div>
          <div style="display:flex;justify-content: center;align-items: center;">
            <div style="margin-right:64px;display:flex;align-items:center;">
              <div style="margin-right:17px;width:45px;height:45px;"><img src="../assets/product_21.png" /></div>
              <div style="height: 38px;font-size: 28px;font-family: PingFangHK-Regular, PingFangHK;font-weight: 400;color: #212A41;line-height: 38px;">免费发布</div>
            </div>
            <div style="margin-right:64px;display:flex;align-items:center;">
              <div style="margin-right:17px;width:45px;height:45px;"><img src="../assets/product_22.png" /></div>
              <div style="height: 38px;font-size: 28px;font-family: PingFangHK-Regular, PingFangHK;font-weight: 400;color: #212A41;line-height: 38px;">优惠服务</div>
            </div>
            <div style="margin-right:64px;display:flex;align-items:center;">
              <div style="margin-right:17px;width:45px;height:45px;"><img src="../assets/product_23.png" /></div>
              <div style="height: 38px;font-size: 28px;font-family: PingFangHK-Regular, PingFangHK;font-weight: 400;color: #212A41;line-height: 38px;">园区交流</div>
            </div>
            <div style="display:flex;align-items:center;">
              <div style="margin-right:17px;width:45px;height:45px;"><img src="../assets/product_24.png" /></div>
              <div style="height: 38px;font-size: 28px;font-family: PingFangHK-Regular, PingFangHK;font-weight: 400;color: #212A41;line-height: 38px;">园区学习</div>
            </div>
          </div>
          <div style="margin-top:33px;display:flex;justify-content: center;align-items: center;">
            <div style="margin-right:64px;display:flex;align-items:center;">
              <div style="margin-right:17px;width:45px;height:45px;"><img src="../assets/product_25.png" /></div>
              <div style="height: 38px;font-size: 28px;font-family: PingFangHK-Regular, PingFangHK;font-weight: 400;color: #212A41;line-height: 38px;">园区联合</div>
            </div>
            <div style="margin-right:64px;display:flex;align-items:center;">
              <div style="margin-right:17px;width:45px;height:45px;"><img src="../assets/product_26.png" /></div>
              <div style="height: 38px;font-size: 28px;font-family: PingFangHK-Regular, PingFangHK;font-weight: 400;color: #212A41;line-height: 38px;">园区托管</div>
            </div>
            <div style="margin-right:64px;display:flex;align-items:center;">
              <div style="margin-right:17px;width:45px;height:45px;"><img src="../assets/product_27.png" /></div>
              <div style="height: 38px;font-size: 28px;font-family: PingFangHK-Regular, PingFangHK;font-weight: 400;color: #212A41;line-height: 38px;">园区兼并</div>
            </div>
            <div style="display:flex;align-items:center;">
              <div style="margin-right:17px;width:45px;height:45px;"><img src="../assets/product_28.png" /></div>
              <div style="height: 38px;font-size: 28px;font-family: PingFangHK-Regular, PingFangHK;font-weight: 400;color: #212A41;line-height: 38px;">园区投资</div>
            </div>
          </div>


          <div style="margin-top:102px;display:flex;align-items: center;height: 37px;font-size: 26px;font-family: PingFangHK-Regular, PingFangHK;font-weight: 400;color: #000000;line-height: 37px;">
            <div style="margin-right:5px;display:flex;justify-content: center;align-items: center;width:31px;height: 28px;background: #FE7844;color:#FFFFFF;">05</div> 企业服务
          </div>
          <div style="height: 28px;font-size: 20px;font-family: PingFangHK-Regular, PingFangHK;font-weight: 400;color: #B7BAC0;line-height: 28px;">重点荟聚各类高新企业</div>
          <div v-html="content10" style="margin: 33px 0;" >
          </div>
          <div style="margin-bottom:47px;height: 33px;font-size: 24px;font-family: PingFangHK-Regular, PingFangHK;font-weight: 400;color: #000000;line-height: 33px;">具体服务项目</div>
          <div style="display:flex;justify-content: center;align-items: center;">
            <div style="margin-right:64px;display:flex;align-items:center;">
              <div style="margin-right:17px;width:45px;height:45px;"><img src="../assets/product_29.png" /></div>
              <div style="height: 38px;font-size: 28px;font-family: PingFangHK-Regular, PingFangHK;font-weight: 400;color: #212A41;line-height: 38px;">免费项目选址</div>
            </div>
            <div style="margin-right:64px;display:flex;align-items:center;">
              <div style="margin-right:17px;width:45px;height:45px;"><img src="../assets/product_30.png" /></div>
              <div style="height: 38px;font-size: 28px;font-family: PingFangHK-Regular, PingFangHK;font-weight: 400;color: #212A41;line-height: 38px;">科技服务对接</div>
            </div>
            <div style="margin-right:64px;display:flex;align-items:center;">
              <div style="margin-right:17px;width:45px;height:45px;"><img src="../assets/product_31.png" /></div>
              <div style="height: 38px;font-size: 28px;font-family: PingFangHK-Regular, PingFangHK;font-weight: 400;color: #212A41;line-height: 38px;">科技产品融资</div>
            </div>
          </div>
          <div style="margin-top:33px;display:flex;justify-content: center;align-items: center;">
            <div style="margin-right:64px;display:flex;align-items:center;">
              <div style="margin-right:17px;width:45px;height:45px;"><img src="../assets/product_32.png" /></div>
              <div style="height: 38px;font-size: 28px;font-family: PingFangHK-Regular, PingFangHK;font-weight: 400;color: #212A41;line-height: 38px;">精品园区引荐</div>
            </div>
            <div style="margin-right:64px;display:flex;align-items:center;">
              <div style="margin-right:17px;width:45px;height:45px;"><img src="../assets/product_33.png" /></div>
              <div style="height: 38px;font-size: 28px;font-family: PingFangHK-Regular, PingFangHK;font-weight: 400;color: #212A41;line-height: 38px;">科技项目路演</div>
            </div>
            <div style="margin-right:64px;display:flex;align-items:center;">
              <div style="margin-right:17px;width:45px;height:45px;"><img src="../assets/product_34.png" /></div>
              <div style="height: 38px;font-size: 28px;font-family: PingFangHK-Regular, PingFangHK;font-weight: 400;color: #212A41;line-height: 38px;">科技项目对接</div>
            </div>
          </div>

          <div style="margin-top:144px;text-align:center;height: 50px;font-size: 36px;font-family: PingFangHK-Semibold, PingFangHK;font-weight: 600;color: #31394F;line-height: 50px;letter-spacing: 2px;">获取详细方案</div>

          <div style="margin-top:37px;display:flex;justify-content:center;">
            <div style="width:600px;">
              <el-input
                placeholder="请输入内容"
                prefix-icon="el-icon-search"
                style="margin-bottom:23px;"
                v-model="input2">
              </el-input>
              <el-input
                placeholder="请输入内容"
                prefix-icon="el-icon-search"
                style="margin-bottom:23px;"
                v-model="input2">
              </el-input>
              <el-input
                placeholder="请输入内容"
                prefix-icon="el-icon-search"
                style="margin-bottom:23px;"
                v-model="input2">
              </el-input>
              <el-input
                placeholder="请输入内容"
                prefix-icon="el-icon-search"
                style="margin-bottom:23px;"
                v-model="input2">
                <template slot="append">获取验证码</template>
              </el-input>
              <el-button style="background-color:#FE7743;color:#FFFFFF;border-color:#FE7743;width:100%;">发送</el-button>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</template>
<script>
import { getFuWenBen } from "@/api/common"
import NavBar from "@/components/NavBar.vue"

export default {
	name: 'ProductAndServiceView',
  components: {
    NavBar
  },
  data() {
    return {
      content06: '',
      content07: '',
      content08: '',
      content09: '',
      content10: ''
    }
  },
  created() {
    getFuWenBen(6).then(response => {
      this.content06 = response.data
    })
    getFuWenBen(7).then(response => {
      this.content07 = response.data
    })
    getFuWenBen(8).then(response => {
      this.content08 = response.data
    })
    getFuWenBen(9).then(response => {
      this.content09 = response.data
    })
    getFuWenBen(10).then(response => {
      this.content10 = response.data
    })
  }
}
</script>

<style lang="scss">
.main .nav {
  font-size: 0.625rem;
  font-family: PingFangHK-Regular, PingFangHK;
  font-weight: 400;
  color: #A4A8AF;
  margin-top: 0.8125rem;
}
</style>